<!-- 单个时间筛选 -->
<template>
  <div class="dp_one">
    <el-date-picker
      v-model="value"
      type="daterange"
      range-separator="至"
      start-placeholder="开始日期"
      format="yyyy 年 MM 月 dd 日"
      value-format="yyyy-MM-dd"
      @change="choice"
      end-placeholder="结束日期"
    ></el-date-picker>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: ""
    };
  },
  //生命周期 - 创建完成（访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（访问DOM元素）
  mounted() {},
  methods: {
    //日期改变发生
    choice() {
      this.toParent();
    },
    //时间传给父组件
    toParent() {
      this.$emit("fromChild", this.value);
    }
  }
};
</script>
<style scoped>
/* @import url(); 引入css类 */
.dp_one {
  margin-left: 2%;
}
</style>